// 选择需要观察变动的节点

export const addObserver = (targetNode: HTMLDivElement, onModification: ()=>void) => {
    if (targetNode == null) {
        console.error("target Node does not exist!");
        return;
    }

    // 观察器的配置（需要观察什么变动）
    const config = { attributes: true, childList: true, subtree: true };

    // 当观察到变动时执行的回调函数
    const callback = function (mutationsList: any, observer: any) {
        onModification()
    };

    // 创建一个观察器实例并传入回调函数
    const observer = new MutationObserver(callback);

    // 以上述配置开始观察目标节点
    observer.observe(targetNode, config);
}